<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    HTML5支持使用js在浏览器中利用GPS进行定位操作

    window.navigator.gelocation

    navigator.gelocation.getCurrentPosition(successCallback, errorCallback, options) // 获取当前位置

    navigator.gelocation.watchPosition() // 监听当前位置

    成功回调函数中的参数中包含了以下信息
      coords.latitude	十进制数的纬度
      coords.longitude	十进制数的经度
      coords.accuracy	位置精度
      coords.altitude	海拔，海平面以上以米计
      coords.altitudeAccuracy	位置的海拔精度
      coords.heading	方向，从正北开始以度计
      coords.speed	速度，以米/每秒计
      timestamp	响应的日期/时间

    如果发生错误
      1 用户禁止获取定位
      2 定位错误
      3 超时
      4 未知错误
  34.71164
  113.505147
  -->
  
  定位信息加载中……
  <div id="box"></div>
  <script>
    window.navigator.geolocation.watchPosition(function (position) {
      // position中就包含了所有的位置信息
      var html = ""
      html += "纬度" + position.coords.latitude + "<br>"
      html += '经度' + position.coords.longitude + "<br>"
      html += '位置经度' + position.coords.accuracy + '<br>'
      html += '海拔' + position.coords.altitude
      box.innerHTML = html
    }, function (error) {
      // error就是包含了错误信息
      console.log(error)
    }, {
      timeout: 5000,
      enableHighAccuracy: 0, // 设置位置经度
      maximumAge: 1000 // 如果使用了watch获取位置信息，那么位置信息会每秒更新一次
    })
  
  </script>
</body>
</html>